$(function () {

    //一进页面就考虑获取数据渲染页面1
    $.ajax({

        url: bignews.user_detail,

        success: function (res) {
            console.log(res);

            if (res.code == 200) {
                $('#inputEmail1').val(res.data.username)
                $('#inputEmail2').val(res.data.nickname)
                $('#inputEmail3').val(res.data.email)
                $('#inputEmail4').val(res.data.password)
                $('user_pic').attr('src', res.data.userPic)
            }
        }
    })
    //选中图片时，暂时不上传，只能再本地阅览
    $('#exampleInputFile').on('change', function () {

        // console.log($('#exampleInputFile'));
        const myfile = $('#exampleInputFile')[0].files[0]
        // console.log(myfile);

        console.log(myfile);
        //利用file 创建一个可供img 标签设置src属性的地址
        const url = URL.createObjectURL(myfile)

        //修改用户头像src 阅览图片
        $('.user_pic').attr('src', url)

    })

    //点击修改时，发送请求修改用户信息
    $('.btn-edit').on('click', function () {

        // 由于表单带有图片, 不可以直接用字符串拼接的方法修改用户信息
        // 用 formData 转换为二进制数据才能发送

        const data = new FormData($('#form')[0])
        // 这个 formData 就包含了所有的表单数据可以作为 data 发送

        $.ajax({
            type: 'post',
            url: bignews.user_edit,
            data,
            dataType: 'json',
            // 如果是二进制数据, 记得把 contentType + processData 禁用
            contentType: false,
            processData: false,
            success: function (res) {
                console.log(res);
                window.parent.location.reload();
            }
        });
    })



})